var myChart = echarts.init(document.getElementById('main'));

var vnum=[];
// var cvnum=[];
var vname=[];
// var cvname=[];

myChart.setoption = {
    title: {
        text: '当前视频播放量'
    },
    xAxis: {
        type: 'category',
        data: []
    },
    yAxis: {
        type: 'value'
    },
    series: [
        {
            data: [],
            type: 'bar',
            showBackground: true,
            backgroundStyle: {
                color: 'rgba(180, 180, 180, 0.2)'
            }
        }
    ]
};

// 未获取数据前，显示loading加载动画
// myChart.showLoading();


    $.ajax({
        url:"/Bvsel",
        type:"post",
        dataType:'json',
        success:function(data){
            console.log(data);
            var list=data.map.bv;

            if(data!=""){

                for(var i=0;i< list.length;i++){

                    // console.log(list[i].vnum);
                    vname.push(list[i].vname);
                    vnum.push(list[i].vnum);
                    console.log("---"+vnum[i]);
                    console.log("---"+vname[i]);
                }
                //获取数据后，隐藏loading动画
                // myChart.hideLoading();
                myChart.setOption({//加载数据图表

                    xAxis: {

                        data: vname
                    },
                    yAxis: {
                        type: 'value'
                    },

                    series: [{
                            data: vnum,
                            type: 'bar',
                            showBackground: true,
                            backgroundStyle: {
                                color: 'rgba(180, 180, 180, 0.2)'
                            }
                        }]

                });

            }


        },

        error : function(errorMsg) {
            //请求失败时执行该函数
            alert("图表请求数据失败!");
            myChart.hideLoading();
        }

    })


// console.log("---2"+vnum[0]);
// console.log("---2"+vname[0]);
// option = {
//     title: {
//         text: '当前视频播放量'
//     },
//     xAxis: {
//         type: 'category',
//         data: vname
//     },
//     yAxis: {
//         type: 'value'
//     },
//     series: [
//         {
//             data: vnum,
//             type: 'bar',
//             showBackground: true,
//             backgroundStyle: {
//                 color: 'rgba(180, 180, 180, 0.2)'
//             }
//         }
//     ]
// };
//
// myChart.setOption(option);